﻿<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>北京优创新港</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/shutter.css" />
		<link rel="stylesheet" href="css/pintuer.css">
		<link rel="stylesheet" href="css/gallery-1.css" />
		<link rel="stylesheet" href="css/my.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<script src="js/jquery.js"></script>
		<script src="js/pintuer.js"></script>
		<script src="js/respond.js"></script>
		<script type="text/javascript" src="js/index.js" ></script>
		<!--<script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>-->
		<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=b9dfd746fa05fbacf4336235b2f9a975"></script>
		<script type="text/javascript" src="js/jquery.baiduMap.min.js" ></script>
		<style>
		</style>
	</head>

	<body>
		<!--顶部-->
		<div class="layout bg-black bg-inverse">
			<div class="container height-large">
				欢迎来到北京优创新港绵阳分公司</a>
			</div>
		</div>

		<!--导航-->
		<div class="demo-nav padding-big-top padding-big-bottom fixed">
			<div class="container padding-top padding-bottom">
				
				<div class="line">
					<div class="xl12 xs3 xm3 xb2">
						<button class="button icon-navicon float-right menuIcon" data-target="#header-demo"></button>
						<a href="#top"><img src="images/logo-2.png" ></a>
					</div>
					<div class=" xl12 xs9 xm9 xb10 nav-navicon" id="header-demo">
						<div class="xl12 xs9 xm9 xb10 padding-small">
							<ul class="nav nav-menu nav-inline nav-big">
								<li><a href="#top">首页</a></li>
								<li><a href="#service">我们的服务</a></li>
								<li><a href="#client">我们的客户</a></li>
								<li><a href="#about">关于我们</a></li>
							</ul>
						</div>
						<div class="hidden-l hidden-s xs3 xm3 xb2">
							<div class="text-green text-big icon-phone height-large text-right"> 热线 (010)65131892</div>
						</div>

					</div>

				</div>

			</div>

		</div>
		<!--banner-->
		<div id="top"></div>
		<div id="lunbo">
			<div class="shutter">
				<div class="shutter-img">
				  <a href="#" data-shutter-title="Iron Man"><img src="images/shutter_1.jpg" alt="#"></a>
				  <a href="#" data-shutter-title="Super Man"><img src="images/shutter_2.jpg" alt="#"></a>
				  <a href="#" data-shutter-title="The Hulk"><img src="images/shutter_3.jpg" alt="#"></a>
				   <a href="#" data-shutter-title="The your"><img src="images/shutter_4.jpg" alt="#"></a>
				</div>
				<ul class="shutter-btn">
				  <li class="prev"></li>
				  <li class="next"></li>
				</ul>
			</div>
		
		<!--<div class="banner" data-style="border-white" id="lunbo">
			<div class="carousel lunboFrame">
				<div class="item"><img src="images/banner1.jpg" width="100%" /></div>
				<div class="item"><img src="images/banner2.jpg" width="100%" /></div>
				<div class="item"><img src="images/banner3.jpg" width="100%" /></div>
			</div>-->
			<!--我们的服务-->
			<section id="service" >
				<div class="container">
					<div class="section-header">
						<h2 class="section-title text-center wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">我们的服务</h2>
						<p class="text-center wow fadeInDown">
							优创新港的技术可广泛应用在公安、交通、消防、环保、电力、煤炭、化工、金融、物业管理、军队等行业，满足大规模集控系统、应急指挥系统、
							大规模视频联网监控系统等大型应用需求，是物联网、智能电网、智慧地球、智慧城市等大规模IT应用的核心组成部分。 </p>
					</div>
			
					<div class="row">
						<div class="features">
							<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms">
								<div class="media service-box">
								<div class="hexagon">
								  <div class="inner">              
									  <i class="fa fa-heart-o"></i>
								  </div>
								</div> 
									<div class="media-body">
										<h4 class="media-heading">人脸检测</h4>
										<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
									</div>
								</div>
							</div><!--/.col-md-4-->
			
							<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms">
								<div class="media service-box">
								<div class="hexagon">
								  <div class="inner">              
									  <i class="fa fa-heart-o"></i>
								  </div>
								</div> 
									<div class="media-body">
										<h4 class="media-heading">移动互联</h4>
										<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
									</div>
								</div>
							</div><!--/.col-md-4-->
			
							<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms">
								<div class="media service-box"> 
								<div class="hexagon">
								  <div class="inner">  
										<i class="fa fa-star-o"></i>
								  </div>
								</div>  
									<div class="media-body">
										<h4 class="media-heading">Webdesign</h4>
										<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
									</div>
								</div>
							</div><!--/.col-md-4-->
						
							<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms">
								<div class="media service-box"> 
								<div class="hexagon">
								  <div class="inner">  
										<i class="fa fa-star-o"></i>
								  </div>
								</div>  
									<div class="media-body">
										<h4 class="media-heading">Webdesign</h4>
										<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
									</div>
								</div>
							</div><!--/.col-md-4-->
			
							<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms">
								<div class="media service-box"> 
								<div class="hexagon">
								  <div class="inner">  
										<i class="fa fa-star-o"></i>
								  </div>
								</div>  
									<div class="media-body">
										<h4 class="media-heading">Webdesign</h4>
										<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
									</div>
								</div>
							</div><!--/.col-md-4-->
			
							<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="500ms">
								<div class="media service-box">
									<div class="hexagon">
								  <div class="inner">  
										<i class="fa fa-calendar"></i>
								  </div>
								</div>    
									<div class="media-body">
										<h4 class="media-heading">内容策划</h4>
										<p>根据当下热点和用户需求，提供内容定制与创意，包含内容策划、内容创意、内容编辑、内容发布、内容优化、内容营销等一系列与内容相关的工作，提升产品体验度，提升用户活跃度，增强用户粘性。</p>
									</div>
								</div>
							</div><!--/.col-md-4-->
						</div>
					</div><!--/.row-->    
				</div><!--/.container-->
			</section><!--/#services-->
			
			<!--我们的客户-->	
			<section id="client">
		<!-- Start Gallery 1-2 -->
				<section id="gallery-1" data-section="gallery-1" class="data-section"  class="content-block section-wrapper gallery-1">
					
					<div class="container">
					
				   <div class="section-header">
						<h2 class="section-title text-center wow fadeInDown animated">我们的客户</h2>
					</div>
					<div class="row">
						<div id="isotope-gallery-container">
							<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper artwork creative">
								<div class="gallery-item">
									<div class="gallery-thumb">
										<img src="images/portfolio/1.jpg" class="img-responsive" alt="1st gallery Thumb">
										<div class="image-overlay"></div>
										<a href="images/portfolio/1.jpg" class="gallery-zoom"></a>
									</div>
									<div class="gallery-details">
										<div class="editContent">
											<h5>六盘水烟草公司</h5>
										</div>
										<div class="editContent">
											<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
										</div>
									</div>
								</div>
							</div>
							<!-- /.gallery-item-wrapper -->
							<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper nature outside">
								<div class="gallery-item">
									<div class="gallery-thumb">
										<img src="images/portfolio/2.jpg" class="img-responsive" alt="2nd gallery Thumb">
										<div class="image-overlay"></div>
										<a href="images/portfolio/2.jpg" class="gallery-zoom"></a>
									</div>
									<div class="gallery-details">
										<div class="editContent">
											<h5>成都公安</h5>
										</div>
										<div class="editContent">
											<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
										</div>
									</div>
								</div>
							</div>
							<!-- /.gallery-item-wrapper -->
							<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper photography artwork">
								<div class="gallery-item">
									<div class="gallery-thumb">
										<img src="images/portfolio/3.jpg" class="img-responsive" alt="3rd gallery Thumb">
										<div class="image-overlay"></div>
										<a href="images/portfolio/3.jpg" class="gallery-zoom"></a>
									</div>
									<div class="gallery-details">
										<div class="editContent">
											<h5>贵州药店</h5>
										</div>
										<div class="editContent">
											<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
										</div>
									</div>
								</div>
							</div>
							<!-- /.gallery-item-wrapper -->
							<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper creative nature">
								<div class="gallery-item">
									<div class="gallery-thumb">
										<img src="images/portfolio/4.jpg" class="img-responsive" alt="4th gallery Thumb">
										<div class="image-overlay"></div>
										<a href="images/portfolio/4.jpg" class="gallery-zoom"></a>
									</div>
									<div class="gallery-details">
										<div class="editContent">
											<h5>温州商贸</h5>
										</div>
										<div class="editContent">
											<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需.</p>
										</div>
									</div>
								</div>
							</div>
							<!-- /.gallery-item-wrapper -->
							<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper nature">
								<div class="gallery-item">
									<div class="gallery-thumb">
										<img src="images/portfolio/5.jpg" class="img-responsive" alt="5th gallery Thumb">
										<div class="image-overlay"></div>
										<a href="images/portfolio/5.jpg" class="gallery-zoom"></a>
									</div>
									<div class="gallery-details">
										<div class="editContent">
											<h5>江南皮革厂</h5>
										</div>
										<div class="editContent">
											<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
										</div>
									</div>
								</div>
							</div>
							<!-- /.gallery-item-wrapper -->
							<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper artwork creative">
								<div class="gallery-item">
									<div class="gallery-thumb">
										<img src="images/portfolio/6.jpg" class="img-responsive" alt="6th gallery Thumb">
										<div class="image-overlay"></div>
										<a href="images/portfolio/6.jpg" class="gallery-zoom"></a>
									</div>
									<div class="gallery-details">
										<div class="editContent">
											<h5>世界杯</h5>
										</div>
										<div class="editContent">
											<p>提供原生APP、微信、手机网站开发服务，为客户提供一对一移动端解决方案，涵盖移动应用平台需</p>
										</div>
									</div>
								</div>
							</div>
							
						</div>
						<!-- /.isotope-gallery-container -->
					</div>
						<!-- /.row -->
					</div>
					<!-- /.container -->
				</section>
			<!--// End Gallery 1-2 -->
			</section><!--/#portfolio-->
			
			<!--关于我们-->
			<section >
				<div class="container">
			
					<div class="section-header" id="about">
						<h2 class="section-title text-center wow fadeInDown">关于我们</h2>
					</div>
			
					<div class="row">
						<div class="col-sm-6 wow fadeInLeft">
						  <img class="img-responsive" src="images/about.png" alt="">
						</div>
			
						<div class="col-sm-6 wow fadeInRight">
							<p style="line-height:30px">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优创新港是专业提供大规模综合视频监控平台的解决方案和技术提供商，致力于为各个行业提供高质量的多元化综合视频解决方案和技术提供。 
								公司拥有国际领先的、完全独立自主知识产权的全套电信级流媒体应用解决方案及其核心技术。公司技术全面支持固网和移动网络、支持2维和3维图像显示、
								支持图像的智能分析。优创新港的技术可广泛应用在公安、交通、消防、环保、电力、煤炭、化工、金融、物业管理、军队等行业，满足大规模集控系统、
								应急指挥系统、大规模视频联网监控系统等大型应用需求，是物联网、智能电网、智慧地球、智慧城市等大规模IT应用的核心组成部分。 
								优创新港公司团队拥有10多年流媒体技术研究、系统部署和运营的实际经验，掌握大规模视频云计算的核心技术。目前优创新港已经在四川成都、绵阳成立了分公司。
							</p>			
			
							<!--<a class="btn btn-primary" href="#">Learn More</a>-->
			
						</div>
					</div>
				</div>
			</section><!--/#about-->
				
		</div>
		<br />
		</div>
		
		<!--<div class="container">
			<div class="row">
				<div class="rightMap">
					<div id="container2" class="containerMap"></div>
				</div>
			</div>
		</div>-->
		<!--加载地图-->
		<div class="container" id="container"></div> 
		
		<div class="layout bg-black bg-inverse" id="contact">
			<div class="container" align="center">
				<div class="copyright">
					<a href="javascript:;" target="_blank"><img class="logo" src="images/24-white.png" alt="" /></a><span style="margin-left:8px;">版权所有 &copy; 
						<a href="javascript:;" target="_blank">北京优创新港绵阳分公司</a> All Rights Reserved，图ICP备：380959609</span>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#" title="电话" target="_blank" style="text-align:right;color:#ffc107;">热线&nbsp;(010)65131892</a>
				</div>
			</div>
		</div>
		
		
		<!--回到顶部-->
		<div id="box" class="box">
		    <div class="box-in"></div>
		</div>  
	</body>
	<script src="js/velocity.js"></script>
	<script src="js/shutter.js"></script>
	<script> 
		$(function () {
		  //轮播图
		  $('.shutter').shutter({
			//shutterW: "100%", // 容器宽度
			//shutterH: 358, // 容器高度
			isAutoPlay: true, // 是否自动播放
			playInterval: 3000, // 自动播放时间
			curDisplay: 1, // 当前显示页
			fullPage: false // 是否全屏展示
		  });
		});
		
		//导航栏点击事件
		$('a[href*=#],area[href*=#]').click(function() {
		   if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
		      var $target = $(this.hash);
		      $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
		      if ($target.length) {
		         var targetOffset = $target.offset().top - 100;
		         $('html,body').animate({
		               scrollTop: targetOffset
		            },
		            1000);
		         return false;
		      }
		   }
		});
		
		//回到顶部点击事件
		var timer  = null;
		box.onclick = function(){
		    cancelAnimationFrame(timer);
		    timer = requestAnimationFrame(function fn(){
		        var oTop = document.body.scrollTop || document.documentElement.scrollTop;
		        if(oTop > 0){
		            document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
		            timer = requestAnimationFrame(fn);
		        }else{
		            cancelAnimationFrame(timer);
		        }    
		    });
		}
			
		//高德地图	
		var map = new AMap.Map("container", {resizeEnable: true});
	    var infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});
        var marker = new AMap.Marker({
            position: [105.085782,31.088213],
            map: map
        });
        marker.content = '<span style="color:red;font-size:18px;">北京优创新港绵阳分公司</span>';
        marker.content += '<div style="margin-top:5px;">地址：四川省绵阳市涪城区绵兴东路167号温州商贸广场A幢</div>';
        marker.content += '<div style="margin-top:5px;">电话：(010)65131892</div>';
        marker.on('click', markerClick);
        marker.emit('click', {target: marker});
	    function markerClick(e) {
	        infoWindow.setContent(e.target.content);
	        infoWindow.open(map, e.target.getPosition());
	    }
	    map.setFitView();
		
		
		/*new BaiduMap({
			id: "container2",
			title: {
				text: "北京优创新港绵阳分公司",
				className: "titleMap"
			},
			content: {
				className: "contentMap",
				text: ["地址：四川省绵阳市涪城区绵兴东路167号温州商贸广场A幢", "电话：(010)65131892"]
			},
			
			point: {
				lng: "104.670092",
				lat: "31.472296"
			},
			level: 15,
			zoom: true,
			type: ["地图", "卫星", "三维"],
			width: 320,
			height: 70,
			icon: {
				url: "images/icon.png",
				width: 36,
				height: 36
			}
		});*/
	</script>
</html>